
.pxToRem(@p, @px) {
    @{p}: @px / 75 * 1rem;
}
a{
    text-decoration: none;
}

//.tite{
//  background:rgb(212,61,61);
//  display: flex;
// height: 2.5rem;
//  justify-content: center;
//  align-items: center;
//  position: fixed;
//  top:0;
//  left:0;
//  right: 0;
//  z-index:3;
//  
//       
//      span{
//       display: flex;
//       justify-content: center;
//        align-items: center;
//       flex: 1;
//       
//       font-weight: bold;
//        .pxToRem(font-size,90);
//        padding-left: %;
//        a{
//            color: #fff;
//        }
//   }
//  
//   .sp_1{
//       text-align: center;
//       padding-left: 2%;
//       a{
//           display: flex;
//       align-items: center;
//       }
//       
//   }
//}

// body {
//      min-width: 320px;
//      max-width: 640px;
//      margin: 0 auto;
//      color: #333;
//      padding: 0;
//      font-family: "Microsoft Yahei";
//      text-align: center;
//  }
    .container {
      border: 1px solid #ccc;
      background:#ccc;
       .pxToRem(margin-top,188);
       
       
    }
    .swiper1 {
        width: 100%;
       
    }
    .swiper1 .selected {
        color: #ec5566;
        border-bottom: 2px solid #ec5566;
    }
    .swiper1 .swiper-slide {
//      text-align: center;
         .pxToRem(font-size,80);
//      height: 50px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        cursor: pointer;
    }
    .swiper2 {
        width: 100%;
    }
    .swiper2 .swiper-slide {
//      height: calc(100vh - 50px);
        background-color: #fff;
        color: #ccc;
//      text-align: center;
//      box-sizing: border-box !important;
//      overflow-x: hidden !important;
    }
 .cen{
      position: relative;
      background:#ccc;
      
   }  
.cen_1{
    position:absolute;
    right: 0;
    .pxToRem(top,5);
     background:#fff;
     a{
         .pxToRem(width,50);
     }
} 


.inner1{
    width:100%;
    background: #fff;
    ._dl{
        width:94%;
        border-bottom:1px solid #ccc;
        margin-left: 3%;
        display: flex;
        dd{
            width:60%;
            margin-top:6% ;
            .p1{
                 .pxToRem(font-size,100);
              
            }
            .p2{
                color:#666;
                font-size:.7rem;
                line-height: 2rem;
                span{
                    color:red;
                    border: 1px solid red;
                    border-radius: 3px;
                }
            }
        }
        dt{
            width:40%;
            margin:.5rem 0;
            img{
                width:100%;
                height:100%;
            }
        }
    }
    ._div{
        width:94%;
        border-bottom:1px solid #ccc;
        margin-left: 3%;
        h5{
            width:100%;
            font-size:1rem;
            line-height: 1.5rem;
            margin-top:.5rem;
        }
        ul{
            width:100%;
            display:flex;
            li{
                width:33%;
                margin-left:.5%;
                img{
                    width:100%;
                    height:100%;
                }
            }
        }
        ul li:first-child{
            margin-left:0;
        }
        p{
            color:#666;
            font-size:.7rem;
            line-height: 2rem;
            margin-bottom:.5rem;
        }
    }
}
._dl{
    display: flex;
    
}
.inner1{
    border-bottom: 1px solid #ccc;
}
.foot{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    border: 1px solid #ccc;
    display: flex;
    background: #fff;
    div{
        flex: 1;
        width: 20%;
        text-align: center;
         .pxToRem(font-size,60);
        i{
            .pxToRem(font-size,100);
        }
    }
}

.Mongolia{
    z-index:100;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.3);
    position:fixed;
    top:0;
    left:0;
    display:none;
    ._fixed{
        width:50%;
        height:30%;
        border-radius:5px;
        background:white;
        position: fixed;
        top:35%;
        left:25%;
        flex-direction:column;
        text-align:center;
        img{
            display:block;
            width:60%;
            margin: 0 20% 0 20%;
        }
        p{
            line-height:2rem;
            .pxToRem(font-size,60);
            color:#666;
        }
        button{
            width:85%;
            height:2rem;
            border-radius:.3em;
            border:none;
            background:#FF6762;
            color:white;
            font-size:1rem;
        }
        #_img{
            width:15%;
            height:1.5rem;
            overflow:hidden;
            position:absolute;
            right:0;
            top:0;
            display:flex;
            justify-content:center;
            .pxToRem(font-size,5)
            img{
                width:180%;
                height:150%;
                margin-top:-5px;
                
            }
        }
    }
}
#prints{
    width:100%;
    height:100%;
    position:fixed;
    top: 0;
    left: 0;
    z-index: 90;
    display: block;
    #_tu{
        display: block;
    }
}
.cen_but{
    width: 4rem;
    height: 4rem;
    background: #fff;
    border-radius: 100%;
     text-align: center;
     line-height: 4rem;
    color: pink;
    position: fixed;
    top:75%;
    left: 75%;
    z-index: 99;
}


._box{
        width:94%;
        border-bottom:1px solid #ccc;
        margin-left: 3%;
        h5{
            width:100%;
            font-size:1rem;
            line-height: 1.5rem;
            margin-top:.5rem;
        }
        ul{
            width:100%;
            display:flex;
            li{
                width:33%;
                margin-left:.5%;
                img{
                    width:100%;
                    height:100%;
                }
            }
        }
        ul li:first-child{
            margin-left:0;
        }
        p{
            color:#666;
            font-size:.7rem;
            line-height: 2rem;
            margin-bottom:.5rem;
        }
    }
._packet{
    z-index:99;
    width:20%;
    position:fixed;
    top:50%;
    right:0;
    img{
        width:100%;
    }
}
._packets{
    display:none;
    z-index:100;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.3);
    .packets{
        position:absolute;
        top:50%;
        left:50%;
        width: 80%;
        height: 60%;
        transform: translate(-50%, -50%);
        background: url(../images/packets.png) no-repeat center center;
        background-size: 100% 100%;
        i{
            display:block;
            width:10%;
            height:10%;
            img{
                width:50%;
                height:50%;
                margin: 25% 25%;
            }
        }
    }
}
.kej{
    width:94%;
    margin-left:3%;
    margin-right:3%;
    
    a{
       dl{
       display: flex;
       
       
       dd{
           margin-top:5%;
           width:65%;
           .pxToRem(font-size,70);
           span{
               color: #ccc;
           }
           p{
               color: black;
           }
       }
       dt{
           width: 35%;
           
       }
    } 
    }
    
    
}
._header{
    z-index:99;
    width:90%;
    height: 2.5rem;
    background:rgb(212,61,61);
    padding:0 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top:0;
    left:0;
    a{
        display:block;
        display: flex;
        color:white;
        font-weight: bold;
        .pxToRem(font-size,90);
        justify-content:center;
        align-items:center;
        #_img1{
            width:15%;
        }
    }
}
